Typography字型排版

你的排版選擇可以幫助你展示易讀的文字，傳達資訊層次結構，突出重要內容，並表達品牌或風格。

確保可讀性

使用人們易於閱讀的字型尺寸。例如，在 iPhone 上建議最小字型尺寸為 17pt，在 macOS 上為 19pt，在 iPad 上為 23pt，在 visionOS 和 watchOS 上為 11pt。重要的是要識別可能影響可讀性的因素，包括畫素密度、光線條件和運動等，尤其是在動態場景中。

支援動態文字：在你的應用中支援 Dynamic Type 功能（動態文字），它會根據使用者的設定自動調整文字大小，提升可訪問性。

在不同環境中測試：例如，測試遊戲中的文字可讀性，確保它在不同背景、光線條件下依然清晰可辨。

傳達層次結構

調整字型粗細、大小及顏色：透過調整字型的權重和大小，強調重要資訊。減少視覺雜亂有助於讓使用者快速抓住重點資訊。

優先處理文字大小的響應性：保持文字的相對層次結構和可讀性，而不僅僅是透過縮小字型來容納更多內容。

使用系統字型

蘋果提供了廣泛的字型系列，支援多種字型粗細、風格和語言。以下是主要的字型：

San Francisco (SF)：為系統主要字型，支援 SF Pro、SF Compact、SF Arabic、SF Mono 等多種風格。

New York (NY)：適用於展示優雅風格內容。

排版

排版選擇可以幫助你展示清晰的文字，傳達資訊層次，突出重要內容，並表達品牌風格。Apple 提供了多種系統字型、動態文字功能以及自定義字型的支援，幫助開發者在不同的裝置和介面中提供最佳的文字展示。

確保可讀性

使用適當的字型大小，以確保人們可以輕鬆閱讀。例如，在 iPhone 上，建議最小字型為 17pt，macOS 為 19pt，iPad 為 23pt，visionOS 和 watchOS 為 11pt。儘量保持文字的可讀性，避免字型過小影響使用者體驗。同時，支援Dynamic Type（動態文字）功能，使用者可以根據自己的需求調整文字大小，從而提升可訪問性。

字型粗細：避免使用極細或極粗的字型，推薦使用系統提供的字型，例如 Regular（常規）、Medium（中等）和 Semibold（半粗）。對於特別小的文字，儘量選擇較粗的字型以確保清晰度。

在不同環境中測試：確保在不同的光線、裝置解析度和運動情況下，文字的可讀性和一致性。浮動的遊戲介面中，文字應隨著物件的遠近和背景調整大小和對比度。

傳達資訊層次

調整字型權重、大小和顏色：根據內容的重要性調整文字樣式，保持視覺層次感，幫助使用者快速抓住重點資訊。

響應性設計：在響應不同文字大小的調整時，保持資訊層次和可讀性。儘量減少視覺雜亂，以便使用者能夠專注於重要資訊。

使用系統字型

Apple 提供了多種支援多語言、多風格的系統字型：

San Francisco (SF)：主要用於 iOS、iPadOS 和 watchOS。

New York (NY)：適用於 macOS 上的應用，也支援在 Mac Catalyst 中使用。

這些系統字型可以透過SF Symbols提供的符號庫無縫整合，自動與 San Francisco 系統字型對齊。SF 和 NY 字型也支援variable font（可變字型），提供多個字型粗細、光學尺寸和樣式，幫助設計師更靈活地調整文字顯示效果。

使用自定義字型

確保自定義字型易讀：使用者需要在各種顯示條件下，輕鬆閱讀自定義字型。推薦遵循規範的最小字型大小，確保各種風格的文字可讀性。

實現可訪問性功能：自定義字型應支援 Dynamic Type，並響應使用者的輔助功能設定，例如 Bold Text 功能。開發者可以透過系統的 API 來實現這些行為。

Supporting Dynamic Type 支援動態型別

動態字型是 iOS、iPadOS、Apple tvOS、visionOS 和 watchOS 中的一項系統級功能，可讓使用者調整裝置上可見文字的大小，以確保可讀性和舒適度。有關相關指南，

iOS 和 iPadOS

在 iOS 和 iPadOS 上，SF Pro 是系統預設字型，開發者也可以選擇使用 New York 字型。

macOS

macOS 的系統字型同樣是 SF Pro，針對透過 Mac Catalyst 構建的應用，NY 字型也可以使用。需要注意的是，macOS 不支援Dynamic Type（動態文字）功能。

tvOS

tvOS 的系統字型是 SF Pro，開發者也可以選擇使用 NY 字型。

visionOS

在 visionOS 中，系統字型依然是 SF Pro。如果要使用 NY 字型，開發者需要明確指定所需的樣式型別。visionOS 增強了 Dynamic Type 的字型樣式，引入了更粗的正文和標題樣式，並提供了適用於寬屏佈局的Extra Large Title 1和Extra Large Title 2。

設計建議

優先使用二維文字：在視覺上帶有深度的文字更難以閱讀。如果需要使用者閱讀並理解內容，建議使用沒有或很少視覺深度的文字。

確保文字在縮放時保持清晰：選擇適合全尺度的文字樣式，確保在不同的縮放比例下仍然具有良好的可讀性。

最佳化文字和背景的對比度：系統預設將文字顯示為白色，因為這與系統預設背景材料對比強烈，易於閱讀。如果選擇其他文字顏色，建議在各種背景下進行測試。

在沒有背景的情況下加粗文字：如果文字不依賴於背景，建議加粗以提高可讀性，避免使用陰影增強對比，因為當前環境可能無法生成準確的陰影效果。

確保文字始終面向使用者：特別是當文字與 3D 物件關聯時，使用“廣告牌式顯示”技術，確保文字始終面向使用者。這種方式可以避免文字因視角問題變得難以閱讀。